<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>俊哥·鉴 - 学业坊</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/portfolio.css">
</head>
<body>
    <nav class="main-nav">
        <a href="index.html">首页</a>
        <a href="about.html">人物志</a>
        <a href="portfolio.html" class="active">学业坊</a>
        <a href="timeline.html">千秋纪</a>
        <a href="guestbook.html">访客阁</a>
    </nav>
    <nav id="portfolio-subnav" class="portfolio-subnav">
        <!-- 二级菜单分类项将由JS动态渲染 -->
    </nav>
    <main class="content-wrapper portfolio-page">
        <div class="portfolio-main-title">翰林集</div>
        <canvas id="portfolio-bg-canvas" style="position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;pointer-events:none;"></canvas>
        <header class="page-header">
            <h1 class="section-title">学业坊</h1>
            <p class="section-subtitle">期末作业与项目集锦，按主题分类，点击直达每一份成果。</p>
        </header>
        <section id="portfolio-categories">
            <!-- 分类与作业列表将由JS动态渲染 -->
        </section>
    </main>
    <footer class="site-footer">
        <p>
            &copy; 2025 俊哥·鉴
        </p>
    </footer>
    <script src="js/data.js"></script>
    <script src="js/portfolio.js"></script>
</body>
</html> 